<template>
    <div id="UserBase">
      <div class="subjectBox">
					<div v-if="ISCHOOSE" class="subjectBox_right1">
						<div class="subjectBox_Tright">
							<p class="basicInfo">主体基础信息</p>
							<div class="inline">
								<div class="lin1_l"></div>
								<div class="lin1_r"></div>
							</div>
							<div class="tableline tableline">
								<span>主体类型：</span>
								<div class="musttype musttype1"></div>
							</div>
							<div class="tableline tablename">
								<span>主体名称：</span>
								<div class="musttype mustname"></div>
							</div>
							<div class="tableline tabletime">
								<span>注册时间：</span>
								<div class="musttype musttime"></div>
							</div>
							<div class="tableline tablestate">
								<span>认证状态：</span>
								<div class="musttype muststate">未认证</div>
								<div class="openinfo" @click="UIBTR">立即认证</div>
							</div>

						</div>
						<div class="subjectBox_Bright">
							<p class="basicInfo">主体认证信息</p>
							<div class="gotime"></div>
							<div class="inline">
								<div class="lin1_l"></div>
								<div class="lin1_r"></div>
							</div>
              <div class="tableline idtype">
                <span>证件类型：</span>
                <div class="musttype mustidtype">身份证</div>
              </div>
              <div class="tableline idnumber">
                <span>证件号码：</span>
                <div class="musttype mustnumber"></div>
              </div>
              <div class="tableline idtime">
                <span>身份证有效期：</span>
                <div class="musttype mustidtime">至</div>
              </div>
              <div class="tableline idposiphoto">
                <span>身份证正面照片：</span>
                <div class="musttype mustposiphoto"></div>
                <a class="downicon downicon1" href="" style="display: none; margin-left: 82px;">

                </a>
              </div>
              <div class="tableline idbackphoto">
                <span>身份证反面照片：</span>
                <div class="musttype mustbackphoto"></div>
                <a class="downicon downicon2" href="" style="display: none; margin-left: 82px;">

                </a>
              </div>
              <div class="tableline idphoto">
                <span>手持身份证照片：</span>
                <div class="musttype mustphoto"></div>
                <a class="downicon downicon3" href="" style="display: none; margin-left: 82px;">

                </a>
              </div>
						</div>
					</div>

          <div v-else class="subjectBox_right2">
						<!-- 企业 -->

						<form action="/info/update_customer_info" method="post" id="formupdateenter" enctype="multipart/form-data">
							<div class="enterpriseInfo">
								<p class="basicInfo">企业主体信息</p>
								<div class="inline">
									<div class="lin1_l"></div>
									<div class="lin1_r"></div>
								</div>
								<div class="companyName">
									<p>
										<span>*</span>企业名称：</p>
									<input type="text" class="compantTitle" name="companyName" maxlength="50" />
								</div>
								<div class="companyLicense">
									<div class="companyTop">
										<p><span>*</span>工商营业执照：</p>
											<div id="business_update" style="width: 500px;height: 36px;position:  relative;display: none;">
												<span style="display: inline-block;line-height: 36px;">已上传</span>
												<div>
													<a href='javascript:void(0);' class="blueButton qualification-update-btn">更新</a>
													<input type="file" name="businessLicenseFile" class="myFileUpload" accept="image/jpg, image/jpeg, image/bmp, image/gif, image/png" onchange="verificationPicFile(this,'edit')" style="cursor: pointer;position: absolute;display: block; width: 60px; height: 36px; opacity: 0;right: 120px;top:0; padding-left: 0;" />
												</div>
												
												<span class="qualification-line-two"></span>
												<a class="qualification-downLoad-btn" href=''>下载</a>
												<span class="qualification-line"></span>
												<a href='javascript:void(0);' class="qualification-delete-btn">删除</a>
												
											</div>
											<div id="business_upload" style="width: 500px;height: 36px;position:  relative;">
												<span style="display: inline-block;line-height: 36px;">未上传</span>
												<div>
													<a href='javascript:void(0);' class="blueButton" style=" position: absolute; display: block; width: 100px;height: 36px;color:#ffffff;background: #6081FF;text-decoration: none;text-align: center;cursor: pointer; border-radius: 4px; right: 0px;top:0;line-height: 36px;">上传</a>
													<input type="file" name="businessLicenseFile" class="myFileUpload" accept="image/jpg, image/jpeg, image/bmp, image/gif, image/png" onchange="verificationPicFile(this,'add')" style="cursor: pointer;position: absolute;display: block; width: 100px; height: 36px; opacity: 0;right: 0px;top:0; padding-left: 0;" />
												</div>
											</div>
									</div>
									<div class="companyDescribe">
										请上传最新的营业执照。格式要求：原件照片、扫描件或者加盖公章的复印件，支持jpg、jpeg、bmp、gif、png格式照片，大小不超过5M。
									</div>
								</div>

								<div class="companyTime">
									<p>
										<span>*</span>营业执照有效期：</p>
									<input placeholder="请选择日期" class="dataBegin companyBegin" id="companyBegin" onclick="SelectDate(this,'yyyy-MM-dd')" name="validityStartTime" /> 到
									<input placeholder="请选择日期" class="dataEnd companyEnd" id="companyEnd" onclick="SelectDate(this,'yyyy-MM-dd')" name="validityEndTime" />
								</div>
								<div class="errortips"></div>
								<div class="registerBtn">
									<button type="button" class="cancelBtn" @click="Cloose">取消</button>
									<button type="submit" class="nextBtn" id="qiye">确定</button>
								</div>
							</div>
						</form>

						<!-- 个人 -->
						<form action="/info/update_customer_info" method="post" id="formupdateInfo" enctype="multipart/form-data">
							
							<div class="personalInfo">
								<p class="basicInfo">个人主体信息</p>
								<div class="inline">
									<div class="lin1_l"></div>
									<div class="lin1_r"></div>
								</div>
								<div class="personalName">
									<p>
										<span>*</span>个人姓名：</p>
									<input type="text" class="personaltext" name="personalName" maxlength="50" />
								</div>
								<div class="idProve">
									<p>
										<span>*</span>身份证明：</p>
									<div class="idSelect">
										<div class="idNameselect">
											<div class="nameSelect"></div>
											<div class="downopen">
												<!-- <img src="/resources/account/img/downimg.png" /> -->
											</div>
										</div>
										<div class="idType" id="idShenfeitype">
										</div>
									</div>
									<div class="idnumbername">证件号码</div>
									<input type="text" class="IDnumbers" name="cardNumber" maxlength="50" />
								</div>
								<div class="companyTime">
									<p>
										<span>*</span>身份证有效期：</p>
									<input placeholder="请选择日期" class="dataBegin companyBegin" onclick="SelectDate(this,'yyyy-MM-dd')" name="validityStartTime" /> 到
									<input placeholder="请选择日期" class="dataEnd companyEnd" onclick="SelectDate(this,'yyyy-MM-dd')" name="validityEndTime" />
								</div>
								<div class="companyTop companyTopPos">
									<p>
										<span>*</span>身份证正面照片：</p>

									<!-- <input type="file" name="positiveIdCardFile"/> -->
									<div style="width: 500px;height: 36px;position:  relative;">
										<a href='javascript:void(0);' class="blueButton" style=" position: absolute; display: block; width: 100px;height: 36px; background-color: #6081FF; color: #fff;text-decoration: none;text-align: center;cursor: pointer; border-radius: 4px; right: 0;line-height: 36px;cursor: pointer;z-index: 9;">选择文件</a>
										<input type="file" name="positiveIdCardFile" style="cursor: pointer; position: absolute;display: block; width: 100px; height: 36px; opacity: 0;right: 0; padding-left: 0;z-index: 9;" accept="image/jpg, image/jpeg, image/bmp, image/gif, image/png" onchange="verificationPicFile(this)" class="myFileUpload myFileUpload1"  />
										<input class="show showOur1"   style="position: absolute;top:34px;width: 73%;height: 34px;top: 0;left: 0;z-index: 9" placeholder="支持jpg.jpeg.bmp.gif.png格式照片，大小不超过5m。" readonly="readonly">
									</div>
								</div>
								<div class="companyTop companyTopBack">
									<p>
										<span>*</span>身份证反面照片：</p>

									<!-- <input type="file" name="backIdCardFile" /> -->
									<div style="width: 500px;height: 36px;position:  relative;">
										<a href='javascript:void(0);' class="blueButton" style=" position: absolute; display: block; width: 100px;height: 36px; background-color: #6081FF; color: #fff;text-decoration: none;text-align: center;cursor: pointer; border-radius: 4px; right: 0;line-height: 36px;cursor: pointer;z-index: 9;">选择文件</a>
										<input type="file" name="backIdCardFile" accept="image/jpg, image/jpeg, image/bmp, image/gif, image/png" onchange="verificationPicFile(this)" class="myFileUpload myFileUpload2" style="position: absolute;display: block; width: 100px; height: 36px; opacity: 0;right: 0; cursor: pointer;padding-left: 0;z-index: 9" />
										<input class="show showOur2" style="position: absolute;top:34px;width: 73%;height: 34px;top: 0;left: 0;z-index: 9" placeholder="支持jpg.jpeg.bmp.gif.png格式照片，大小不超过5m。" readonly="readonly">
									</div>
								</div>
								<div class="companyTop companyTopBus">
									<p>
										<span>*</span>手持身份证照片：</p>

									<!-- <input type="file" name="businessLicenseFile"/> -->
									<div style="width: 500px;height: 36px;position:  relative;">
										<a href='javascript:void(0);' class="blueButton" style=" position: absolute; display: block; width: 100px;height: 36px; background-color: #6081FF; color: #fff;text-decoration: none;text-align: center;cursor: pointer; border-radius: 4px; right: 0;line-height: 36px;cursor: pointer;z-index: 9;">选择文件</a>
										<input type="file" name="businessLicenseFile" accept="image/jpg, image/jpeg, image/bmp, image/gif, image/png" onchange="verificationPicFile(this)" class="myFileUpload myFileUpload3" style="position: absolute;display: block; width: 100px; height: 36px; opacity: 0;right: 0; cursor: pointer;padding-left: 0;z-index: 9" />
										<input class="show showOur3" style="position: absolute;top:34px;width: 73%;height: 34px;top: 0;left: 0;z-index: 9" placeholder="支持jpg.jpeg.bmp.gif.png格式照片，大小不超过5m。" readonly="readonly">
									</div>
								</div>
								<div class="errortips"></div>
								<div class="registerBtn">
									<button type="button" class="cancelBtn" @click="Cloose">取消</button>
									<button type="submit" class="nextBtn" id="geren">确定</button>
								</div>
							</div>
						</form>

					</div>
			</div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      ISCHOOSE: true
    };
  },
  mounted() {
    console.log("tag", "this is 主体信息");
  },
  methods: {
    UIBTR() {
      this.ISCHOOSE = false;
    },
    Cloose(){
      this.ISCHOOSE = true;
    }
  }
};
</script>
<style scoped>
@import "../css/subject";
</style>


